<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <link rel="stylesheet" href="./layui-v2.5.6/layui/css/layui.css">
        <link rel="stylesheet" href="./index.css">
    </head>
    <body>
        <div class="layui-container">
            <!-- 水平导航 -->
            <ul id="fixed-nav" class="layui-nav layui-bg-blue" lay-filter="">
                <li class="layui-nav-item"><a href="">学生就业管理系统</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <img src="./images/head.jpg" class="layui-nav-img">
                        个人中心
                    </a>
                    <dl class="layui-nav-child"> 
                        <dd><a href="">修改信息</a></dd>
                        <dd><a href="">安全管理</a></dd>
                        <dd><a href="">退出登陆</a></dd>
                    </dl>
                </li>
            </ul>
            <!-- 左侧导航栏 -->
            <ul class="layui-nav layui-nav-tree layui-nav-side layui-hide-xs" lay-filter="test">
                <li class="layui-nav-item">
                    <a href="#person-info"><span class="layui-icon layui-icon-username">&#x3000;</span>个人信息</a>
                    <dl class="layui-nav-child">
                        <dd><a href="#person-info">家庭信息</a></dd>
                        <dd><a href="#person-info">学校信息</a></dd>
                        <dd><a href="#person-info">学籍信息</a></dd>
                        <dd><a href="#person-info">处分信心</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="#record-info"><span class="layui-icon layui-icon-form">&#x3000;档案信息</a>
                </li>
                <li class="layui-nav-item">
                    <a href="#job-info"><span class="layui-icon layui-icon-release">&#x3000;就业信息</a>
                    <dl class="layui-nav-child">
                        <dd><a href="#job-info">已就业学生</a></dd>
                        <dd><a href="#job-info">未就业学生</a></dd>
                        <dd><a href="#job-info">未离校学生</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="#job-examine"><span class="layui-icon layui-icon-survey">&#x3000;就业调查</a>
                    <dl class="layui-nav-child">
                        <dd><a href="#job-examine">行业调查</a></dd>
                        <dd><a href="#job-examine">薪资调查</a></dd>
                        <dd><a href="#job-examine">岗位调查</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="#postgraduate-info"><span class="layui-icon layui-icon-template-1">&#x3000;考研信息</a></li>
            </ul>
            <!-- 主体内容 -->
            <div class="content">
                <div id="person-info">
                    <!-- 引用区块 -->
                    <blockquote class="layui-elem-quote layui-bg-orange current-pos"><span class="layui-icon layui-icon-location"></span> 当前位置 > 个人信息</blockquote>
                    <!-- 字段集区块 -->
                    <fieldset class="layui-elem-field jcxx">
                        <legend>基础信息</legend>
                        <div class="layui-field-box">
                            <!-- 表单 -->
                            <form class="layui-form" action="">
                                <div class="layui-row">
                                    <div class="layui-col-sm5">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">姓名：</label>
                                            <div class="layui-input-block">
                                            <input type="text" name="title" required  lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-sm5 layui-col-sm-offset1">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">学号：</label>
                                            <div class="layui-input-block">
                                            <input type="text" name="title" required  lay-verify="required" placeholder="请输入学号" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-sm5">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">性别：</label>
                                            <div class="layui-input-block">
                                                <input type="radio" name="sex" value="男" title="男" checked>
                                                <input type="radio" name="sex" value="女" title="女">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-sm5 layui-col-sm-offset1">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">民族：</label>
                                            <div class="layui-input-block">
                                            <input type="text" name="title" required  lay-verify="required" placeholder="请输入民族" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-sm5">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">出生日期：</label>
                                            <div class="layui-input-block">
                                            <input type="text" name="title" required  lay-verify="required" placeholder="请输入出生日期" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-sm5 layui-col-sm-offset1">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">政治面貌：</label>
                                            <div class="layui-input-block">
                                                <select name="politics" lay-verify="required">
                                                    <option value=""></option>
                                                    <option value="0">团员</option>
                                                    <option value="1">党员</option>
                                                    <option value="2">无</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-sm5">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">身份证号：</label>
                                            <div class="layui-input-block">
                                            <input type="text" name="title" required  lay-verify="required" placeholder="请输入身份证号" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-sm5 layui-col-sm-offset1">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">独生子女：</label>
                                            <div class="layui-input-block">
                                                <select name="only" lay-verify="required">
                                                    <option value=""></option>
                                                    <option value="0">是</option>
                                                    <option value="1">否</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-sm5">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">兴趣爱好：</label>
                                            <div class="layui-input-block">
                                                <input type="checkbox" name="like[write]" title="写作">
                                                <input type="checkbox" name="like[read]" title="阅读" checked>
                                                <input type="checkbox" name="like[dai]" title="发呆">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-row">
                                    <div class="layui-col-sm5">
                                        <div class="layui-form-item layui-form-text">
                                            <label class="layui-form-label">备注：</label>
                                            <div class="layui-input-block">
                                                <textarea name="desc" placeholder="请输入备注信息" class="layui-textarea"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </fieldset>
                    <fieldset class="layui-elem-field jcxx">
                        <legend>联系方式</legend>
                        <div class="layui-field-box">
                            <form class="layui-form" action="">
                                <div class="layui-row">
                                    <div class="layui-col-sm5">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">手机号码：</label>
                                            <div class="layui-input-block">
                                            <input type="text" name="title" required  lay-verify="required" placeholder="请输入手机号码" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-sm5 layui-col-sm-offset1">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">电子邮箱：</label>
                                            <div class="layui-input-block">
                                            <input type="text" name="title" required  lay-verify="required" placeholder="请输入电子邮箱" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-sm5">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">QQ号码：</label>
                                            <div class="layui-input-block">
                                            <input type="text" name="title" required  lay-verify="required" placeholder="请输入QQ号码" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </fieldset>
                </div>
                <div id="record-info">
                    <blockquote class="layui-elem-quote layui-bg-orange current-pos"><span class="layui-icon layui-icon-location"></span> 当前位置 > 档案信息</blockquote>
                    <fieldset class="layui-elem-field jcxx">
                        <legend>档案信息</legend>
                        <div class="layui-field-box">
                            <table id="daxx" class="layui-table" lay-even lay-skin="row" lay-size="lg">
                                <tr>
                                    <td>姓名</td>
                                    <td colspan="2"></td>
                                    <td>性别</td>
                                    <td colspan="2"></td>
                                    <td rowspan="3"></td>
                                </tr>
                                <tr>
                                    <td>民族</td>
                                    <td colspan="2"></td>
                                    <td>出生年月</td>
                                    <td colspan="2"></td>
                                </tr>
                                <tr>
                                    <td>身份证号码</td>
                                    <td colspan="5"></td>
                                </tr>
                                <tr>
                                    <td>岗位</td>
                                    <td colspan="2"></td>
                                    <td>文化程度</td>
                                    <td colspan="3"></td>
                                </tr>
                                <tr>
                                    <td>政治面貌</td>
                                    <td colspan="2"></td>
                                    <td>团内职务</td>
                                    <td colspan="3"></td>
                                </tr>
                                <tr>
                                    <td>入团时间</td>
                                    <td colspan="2"></td>
                                    <td>所在单位</td>
                                    <td colspan="3"></td>
                                </tr>
                                <tr>
                                    <td>手机</td>
                                    <td colspan="2"></td>
                                    <td>固定电话</td>
                                    <td colspan="3"></td>
                                </tr>
                                <tr>
                                    <td>特长及爱好</td>
                                    <td colspan="6"></td>
                                </tr>
                                <tr>
                                    <td>个人简历</td>
                                    <td colspan="6"></td>
                                </tr>   
                            </table>
                        </div>
                    </fieldset>
                </div>
                <div id="job-info">
                    <blockquote class="layui-elem-quote layui-bg-orange current-pos"><span class="layui-icon layui-icon-location"></span> 当前位置 > 就业信息</blockquote>
                    <fieldset class="layui-elem-field jcxx">
                        <legend>就业信息</legend>
                        <div class="layui-field-box">
                            <!-- 时间线 -->
                            <ul class="layui-timeline">
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                    <div class="layui-timeline-content layui-text">
                                        <h3 class="layui-timeline-title">2018年 - 至今</h3>
                                        <div class="layui-card">
                                            <div class="layui-card-header"><i class="layui-icon layui-icon-flag"></i> 公司名称</div>
                                            <div class="layui-card-body">
                                                中山制衣有限公司
                                            </div>
                                        </div>
                                        <div class="layui-card">
                                            <div class="layui-card-header"><i class="layui-icon layui-icon-about"></i> 公司性质</div>
                                            <div class="layui-card-body">
                                                纺织、服装
                                            </div>
                                        </div>
                                        <div class="layui-card">
                                            <div class="layui-card-header"><i class="layui-icon layui-icon-read"></i> 担任职位</div>
                                            <div class="layui-card-body">
                                                会计,会计主管
                                            </div>
                                        </div>
                                        <div class="layui-card">
                                            <div class="layui-card-header"><i class="layui-icon layui-icon-list"></i> 工作职责和业绩</div>
                                            <div class="layui-card-body">
                                                <ul>
                                                    <li>公司总账的处理。电算化会计凭证的审核、核算项目的分类核算与分析，资产负债表、利润表、权益变动表和现金流量表，及各类政府部门的统计报表等编制。</li>
                                                    <li>应收应付款的管理。制定客户信用额度和供应商的付款计划等。</li>
                                                    <li>固定资产的管理。固定资产卡片、变动方式、使用状态、折旧方法的管理及运用。</li>
                                                    <li>公司一般纳税人税务申报(增值税、企业所得税、个人所得税及出口退税等)和每年的外商投资企业联合年检工作。</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                  <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                  <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">2016年 - 2018年</h3>
                                    <div class="layui-card">
                                        <div class="layui-card-header"><i class="layui-icon layui-icon-flag"></i> 公司名称</div>
                                            <div class="layui-card-body">
                                                材料有机化有限公司
                                            </div>
                                        </div>
                                        <div class="layui-card">
                                            <div class="layui-card-header"><i class="layui-icon layui-icon-about"></i> 公司性质</div>
                                            <div class="layui-card-body">
                                                检测/认证
                                            </div>
                                        </div>
                                        <div class="layui-card">
                                            <div class="layui-card-header"><i class="layui-icon layui-icon-read"></i> 担任职位</div>
                                            <div class="layui-card-body">
                                                质量管理编制员
                                            </div>
                                        </div>
                                        <div class="layui-card">
                                            <div class="layui-card-header"><i class="layui-icon layui-icon-list"></i> 工作职责和业绩</div>
                                            <div class="layui-card-body">
                                                <ul>
                                                    <li>协助项目工程质量管理体系的策划、质量管理的标准、制度、程序和作业文件的编制。</li>
                                                    <li>对项目材料专业的建设方主体质量行为和实体工程质量监督检查。</li>
                                                    <li>负责对承包商、监理、设备监造、独立无损检测单位质量管理文件的审查。</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                  <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                  <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">2015年 - 2016年</h3>
                                    <div class="layui-card">
                                        <div class="layui-card-header"><i class="layui-icon layui-icon-flag"></i> 公司名称</div>
                                            <div class="layui-card-body">
                                                杭州纳尔科技有限公司
                                            </div>
                                        </div>
                                        <div class="layui-card">
                                            <div class="layui-card-header"><i class="layui-icon layui-icon-about"></i> 公司性质</div>
                                            <div class="layui-card-body">
                                                电子技术/半导体/集成电路
                                            </div>
                                        </div>
                                        <div class="layui-card">
                                            <div class="layui-card-header"><i class="layui-icon layui-icon-read"></i> 担任职位</div>
                                            <div class="layui-card-body">
                                                工程部专员
                                            </div>
                                        </div>
                                        <div class="layui-card">
                                            <div class="layui-card-header"><i class="layui-icon layui-icon-list"></i> 工作职责和业绩</div>
                                            <div class="layui-card-body">
                                                <ul>
                                                    <li>主要负责产品的制造流程管控、产品质量管控、效率提升、生产力提升。</li>
                                                    <li>与生产部和品保部团队制定质量文件和生产流程控制文件。</li>
                                                </ul>
                                            </div>
                                        </div>
                                  </div>
                                </li>
                                <li class="layui-timeline-item">
                                  <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                  <div class="layui-timeline-content layui-text">
                                    <div class="layui-timeline-title">……</div>
                                  </div>
                                </li>
                            </ul>
                        </div>
                    </fieldset>
                </div>
                <div id="job-examine">
                    <blockquote class="layui-elem-quote layui-bg-orange current-pos"><span class="layui-icon layui-icon-location"></span> 当前位置 > 就业调查</blockquote>
                    <fieldset class="layui-elem-field jcxx">
                        <legend>就业调查</legend>
                        <div class="layui-field-box">
                            <div class="layui-row">
                                <div class="layui-col-sm4"><input type="text" name="title" required lay-verify="required" placeholder="请输入查询的信息" autocomplete="off" class="layui-input"></div>
                                <div class="layui-col-sm4 layui-col-sm-offset1">
                                    <button type="button" class="layui-btn layui-btn-normal">
                                        <i class="layui-icon layui-icon-search"></i> 搜索
                                    </button>
                                    <button type="button" class="layui-btn">
                                        <i class="layui-icon layui-icon-add-circle"></i> 添加
                                    </button>
                                </div>
                            </div>
                            <div id="jytx">
                                <table class="layui-table">
                                    <thead>
                                        <tr>
                                            <th>学校名称</th>
                                            <th>调查人数</th>
                                            <th>从事行业</th>
                                            <th>薪资水平</th>
                                            <th>任职岗位</th>
                                            <th>事业单位</th>
                                            <th>编辑操作</th>
                                            <th>删除操作</th>
                                        </tr> 
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>厦门大学</td>
                                            <td>1255</td>
                                            <td>计算机</td>
                                            <td>1000+</td>
                                            <td>项目经理</td>
                                            <td>否</td>
                                            <td>
                                                <i class="layui-icon layui-icon-edit"></i>
                                                </td>
                                            <td>
                                                <i class="layui-icon layui-icon-delete"></i>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>武汉大学</td>
                                            <td>6464</td>
                                            <td>金融</td>
                                            <td>11000+</td>
                                            <td>推销人员</td>
                                            <td>否</td>
                                            <td>
                                                <i class="layui-icon layui-icon-edit"></i>
                                                </td>
                                            <td>
                                                <i class="layui-icon layui-icon-delete"></i>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>四川大学</td>
                                            <td>5414</td>
                                            <td>媒体</td>
                                            <td>8000+</td>
                                            <td>媒体自由人</td>
                                            <td>否</td>
                                            <td>
                                                <i class="layui-icon layui-icon-edit"></i>
                                                </td>
                                            <td>
                                                <i class="layui-icon layui-icon-delete"></i>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>北京大学</td>
                                            <td>6145</td>
                                            <td>创业</td>
                                            <td>9000+</td>
                                            <td>白领</td>
                                            <td>否</td>
                                            <td>
                                                <i class="layui-icon layui-icon-edit"></i>
                                                </td>
                                            <td>
                                                <i class="layui-icon layui-icon-delete"></i>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>清华大学</td>
                                            <td>3540</td>
                                            <td>教育</td>
                                            <td>9000+</td>
                                            <td>教师</td>
                                            <td>是</td>
                                            <td>
                                                <i class="layui-icon layui-icon-edit"></i>
                                                </td>
                                            <td>
                                                <i class="layui-icon layui-icon-delete"></i>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div id="pagination"></div>
                            </div>  
                        </div>
                    </fieldset>
                </div>
                <div id="postgraduate-info">
                    <blockquote class="layui-elem-quote layui-bg-orange current-pos"><span class="layui-icon layui-icon-location"></span> 当前位置 > 考研信息</blockquote>
                    <fieldset class="layui-elem-field jcxx">
                        <legend>考研信息</legend>
                        <div class="layui-field-box">
                            <div class="layui-tab" lay-allowclose="true">
                                <ul class="layui-tab-title">
                                    <li class="layui-this">网站设置</li>
                                    <li>用户管理</li>
                                    <li>权限分配</li>
                                    <li>商品管理</li>
                                    <li>订单管理</li>
                                </ul>
                                <div class="layui-tab-content">
                                    <div class="layui-tab-item layui-show">
                                        <a href=""><img style="width:100%;" src="./images/网站设置.png" alt=""></a>
                                    </div>
                                    <div class="layui-tab-item">
                                        <a href=""><img style="width:100%;" src="./images/用户管理.jpg" alt=""></a>
                                    </div>
                                    <div class="layui-tab-item">
                                        <a href=""><img style="width:100%;" src="./images/权限分配.jpg" alt=""></a>
                                    </div>
                                    <div class="layui-tab-item">
                                        <a href=""><img style="width:100%;" src="./images/商品管理.jpg" alt=""></a>
                                    </div>
                                    <div class="layui-tab-item">
                                        <a href=""><img style="width:100%;" src="./images/订单管理.jpg" alt=""></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </fieldset> 
                </div>
            </div>
        </div> 
		<div id="page_end_html">
			<!-- 右下角live2d效果 -->
			<script type="text/javascript" charset="utf-8" async="" src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
			<script type="text/javascript">
				window.addEventListener('load', function () {
					L2Dwidget.init({
						"model": {
							"scale": 0.3
						},
						"display": {
							"position": "left",
							"width": 180,
							"height": 260,
							"hOffset": 0,
							"vOffset": 0
						},
						"mobile": {
							"show": true,
							"scale": 0.5
						},
						"react": {
							"opacityDefault": 0.7,
							"opacityOnHover": 0.7
						}
					});
				});
			</script>
		</div>
    </body>
</html>
<script src="./layui-v2.5.6/layui/layui.all.js"></script>
<script>
    layui.use('laypage', function(){
        var laypage = layui.laypage;
        //执行一个laypage实例
        laypage.render({
            elem: 'pagination', //注意，这里的 test1 是 ID，不用加 # 号
            count: 500 //数据总数，从服务端得到
        });
    });
</script>